// 用户信息页面样式
.user {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;

  // 用户信息卡片
  .user-card {
    height: 100%;
    padding: 0;

    // 用户信息面板
    .user-info {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background-color: #3C8CE7;
      color: white;

      .user-img {
        width: 128px;
        height: 128px;
      }
    }

    // 用户图书信息面板
    .user-book {
      border: 2px solid #3C8CE7;
      height: 100%;

      .title {
        text-align: center;
        font-size: 24px;
        height: 32px;
      }

      .book-table {
        height: calc(100% - 80px);
      }
    }
  }
}